/**
 * Created by wyz on 2018/5/21.
 */
import React from "react"
import {connect} from "dva"
import {TabBarExample} from "dcloud-mobile"
import {Icon} from 'antd-mobile'

export default class Layout extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            tab: [
                {
                    title: "口罩预约",
                    icon: <i style={{fontSize: '1.5rem'}} className="iconfont am-icon">&#xe60f;</i>,
                    selectedIcon: <i style={{fontSize: '1.5rem'}} className="iconfont am-icon">&#xe60f;</i>,
                    path: "/main",
                    key: "home",
                    badge: 0
                },
                {
                    title: "今日预约",
                    icon:  <i style={{fontSize: '1.5rem'}} className="iconfont am-icon">&#xe60e;</i>,
                    selectedIcon: <i style={{fontSize: '1.5rem'}} className="iconfont am-icon">&#xe60e;</i>,
                    path: "/main/user",
                    key: "user",
                    badge: 0
                }]

        }
    }

    render() {
        return (
            <div>
                <TabBarExample tab={this.state.tab}  children={this.props.children} ></TabBarExample>
            </div>
        )
    }
}